<template>
	<view class="menu-wrap">
		<view class="menu-item">
			<view class="iconfont icon-shouye"></view>
			<view class="icon-title">首页</view>
		</view>
		<view class="menu-item">
			<view class="iconfont icon-guidang"></view>
			<view class="icon-title">课程</view>
		</view>
		<view class="menu-item">
			<view class="iconfont icon-yonghu"></view>
			<view class="icon-title">我的</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'BotMenu'
	}
</script>

<style lang="stylus" scoped>
	@import '@/static/css/iconfont.css'
	.menu-wrap
		display:flex
		width:100%
		height:100rpx
		background:#f1f1f1;
		position:fixed
		bottom:0px;
		left:0px;
		.menu-item
			width:33.333%
			text-align:center
			.iconfont
				font-size:50rpx
				margin-top:6rpx
			.icon-title
				font-size:26rpx
</style>
